<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title>ms-href</title>
        <script src="avalon.js" type="text/javascript"></script>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
        <script>


            avalon.define("xxx", function(vm) {
                vm.url = {
                    hostname: "aaa",
                    pathname: "bbbb"
                }
                vm.menu = {
                    $id: "hash"
                }
            });



        </script>
    </head>
    <body>
        <h3 style="text-align: center">ms-href</h3>
        <fieldset ms-controller="xxx">
            <legend>例子</legend>
            <p><a ms-href="{{url.hostname}}/{{url.pathname}}.html">link1</a></p>
            <p><a ms-href="#{{menu.$id}}">link2</a></p>
            <p><a ms-href="{{menu.$id}}">link3</a></p>
        </fieldset>

    </body>
</html>